<template>
<div class="app">
  <div>AppContent:{{name}}</div>
  <button @click="name='king123'">修改名字</button>
  <ShowInfo></ShowInfo>
</div>
</template>

<script>
import {provide,ref} from 'vue'
import ShowInfo from './ShowInfo.vue'
export default {
  name: "App",
  components:{
    ShowInfo
  },
  setup(props,context){
    const name=ref('why')
    provide('name',name)
    provide('age',198)
    provide('height',133)
    return{
      name
    }
  }
}
</script>

<style scoped>

</style>